<%@ page language="java" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>作业统计</title>

<script src="<%=path %>/js/b/adapter.js"></script> <!--rem适配js-->

<link rel="stylesheet" href="<%=path %>/css/b/base.css"> <!--初始化文件-->
<link rel="stylesheet" href="<%=path %>/css/b/menu.css"> <!--主样式-->
<link rel="stylesheet" href="<%=path %>/css/b/style.css">

<style type="text/css">
#content_about_text ul li {
	display: block;
	float: left;
	height: 40px;
	line-height: 40px;
	width: 10.85%;
	overflow: hidden;
}
</style>
</head>
<body>
<div>
<div>
<jsp:include page="/bs/nav.jsp"></jsp:include>

<div id="content">
	<jsp:include page="/bs/top.jsp"></jsp:include>
    <div id="content_about">
    	<div id="content_about_search">
        	<form method="post" action="">
            	<input id="search_text" type="text" placeholder="id查询">
                <input id="search_button_style" type="submit" value="查询">
                <input id="search_button_style1" type="button" value="添加作业" onclick="edit('form','back')">
            </form>
        </div>
        <div id="content_about_text">
            <ul id="content_ul_top">
                <li class="content_li_border">作业ID</li>
                <li class="content_li_border">发布教师</li>
                <li class="content_li_border">布置时间</li>
                <li class="content_li_border">作业内容</li>
                <li class="content_li_border">应交人数</li>
                <li class="content_li_border">已交人数</li>
                <li class="content_li_border">合格数</li>
                <li class="content_li_border">截止时间</li>
                <li class="content_li_last">操作</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
            <ul id="content_ul_button">
                <li class="content_li_border">z001</li>
                <li class="content_li_border">张大大</li>
                <li class="content_li_border">2018-2-6</li>
                <li class="content_li_border">编写组件</li>
                <li class="content_li_border">56</li>
                <li class="content_li_border">12</li>
                <li class="content_li_border">5</li>
                <li class="content_li_border">2018-5-9</li>
                <li>
					<div class="juzhong">
					  <a href="backstage_permission_change.html" class="yellow_herf">更改</a>
					</div>
				</li>
            </ul>
        </div>
        <div id="content_button_text">
        	<div id="button_text_count">共计32条数据记录</div>
            <div id="button_text_herf">
                <a href="#">上一页</a>
                <a href="#">1</a>
                <a href="#">2</a>
                <a href="#">3</a>
                <a href="#">...</a>
                <a href="#">32</a>
                <a href="#">下一页</a>
            </div>
        </div>
    </div>
</div>
</div>
<!--弹框-->
<div>
    <div id="back"></div>
    <div id="form">
    <form action="" method="post">
    	<div class="hidden-all">
        	<div class="hidden-title">添加作业信息</div>
            <div class="hidden-input">
            	<div>作业ID：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
            	<div>发布教师：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <div>布置时间：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <div>作业内容：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <div>应交人数：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <div>已交人数：</div>
                	<input class="form-input" type="text" name="" value="" /><br class="clear" />
                <input id="button" type="submit" value="添加" onclick="hidePopup('form','back')" />
                <button id="button" onclick="hidePopup('form','back')" />取消</button>
            </div>
        </div>
    </form>
    </div>
</div>
</div>
<script src="/backstage/js/b/menu.js"></script> <!--控制js-->
<script>
	function edit(showId,backId){
		document.getElementById(showId).style.visibility = "visible";
		document.getElementById(backId).style.visibility = "visible";
	}
	
	function hidePopup(showId,backId){
		document.getElementById(showId).style.visibility = "hidden"; 
		document.getElementById(backId).style.visibility = "hidden"; 
	}
</script>
</body>
</html>